﻿
/* 首页 */
/* 幻灯 */
.m-inhuand{height: 460px; overflow: hidden; margin-bottom: 15px;position:relative;}
.m-inhuand .b-slide{width:1200px; height:460px;position: relative; margin:0 auto;}
.m-inhuand .bd{width:1200px; height:460px; margin-left: -1200px;*overflow: hidden;}
.m-inhuand .bd ul{width:9999px;}
.m-inhuand .bd li{width:1200px; height:460px; position: relative; float: left;}
.m-inhuand .bd li .pic img { width: 1200px; height: 460px;}
.m-inhuand .bd li .pic img:hover{opacity: 1;}
.m-inhuand .bd li .text{background: url(../images/60.png); _background: #000; position: absolute; left:100px;  bottom:21px; width:913px; height: 135px; padding:0 25px;}
.m-inhuand .bd li .text h4{font-size: 30px;line-height: 64px; height: 64px; overflow: hidden; border-bottom: 1px solid #fff; text-align: center;}
.m-inhuand .bd li .text h4 a{color:#fff;}
.m-inhuand .bd li .text h4 a:hover{color: #d51324; text-decoration: none;}
.m-inhuand .bd li .text p{font-size: 14px; line-height: 24px; color:#fff; margin-top:7px; height: 48px; overflow: hidden;}
.m-inhuand .slide-helper-l, .m-inhuand .slide-helper-r {    background: #000;    height: 460px;   filter:alpha(opacity=50); opacity:0.5;    position: absolute;    right: 1200px;    top: 0;
    width: 1200px;}
.m-inhuand .slide-helper-r {    left: 1200px;    right: auto;}
.m-inhuand .hd a{position: absolute; top:196px;  width:38px; height: 64px; cursor: pointer;}
.m-inhuand .hd .prev{left:-60px;background: url(../images/a-l.png) no-repeat;}
.m-inhuand .hd .next{right:-60px;background: url(../images/a-r.png) no-repeat;}


/* 首页头条 */
.m-jrtt { width: 60px; height: 132px;  background-color: #000; text-align: center; color: #fff; font-size: 20px; line-height: 26px; padding-top: 18px; font-weight: bold;margin-top:10px }
.m-txdiv {}
.m-scroll-show { height: 180px; overflow: hidden; width: 1095px; position: relative; }
.m-imgul { }
.m-imgul li{  }
.m-imgul li a { display: block; }
.m-imgul li a p { position: relative; overflow: hidden;}
.m-imgul li a p img {display: block;  }
.m-imgul li a p span {position: absolute; height:56px;background: rgba(255,255,255,0.7);*background:#f3f3f3; display: block; width: 90%; margin:0 5%;bottom: -29px; text-align: center; line-height: 24px; padding-top: 8px}

.m-imgu li a{}

.m-imguqli {}
.m-imguqli li{ margin-bottom: 21px; height: 150px; }
.m-imguqli li a img { height: 150px; width: 100% }

.m-imgjiepai {}
.m-imgjiepai li{ margin-bottom: 20px; height: 230px; }
.m-imgjiepai li a img { height: 230px; width: 100% }

.m-imguqx {}
.m-imguqx li{ margin-bottom: 20px; height: 168px; }
.m-imguqx li a img { height: 168px; width: 100%; margin-top: 3px; }

.m-qxzx { margin-left: -40px }
.m-qxzx li{ width: 245px; height: 168px; margin-left: 40px  }
.m-qxzx li a img {height: 168px;}

.m-qxpp { }
.m-qxpp li{ height: 184px;   }
.m-qxpp li a img {height: 184px;}

.m-qxbig {margin-left: -40px }
.m-qxbig li{ width: 375px; height: 256px;margin:0 0 25px  40px   }
.m-qxbig li a img {width: 375px;height: 256px;}

.m-qxbig li.m-txtll,.m-txtll { background-image: url(../images/in5.jpg); padding: 0 10px; width: 355px; height: 256px }
.m-txtll span,body .m-intags a {display: inline-block; width: 94px; margin-left: 20px;text-align: center;  line-height: 28px; height: 28px; overflow: hidden;}
body .m-intags a {margin-left: 12px;}
.m-txtll span a{ display: inline-block; }


.m-imgtuup { position: absolute;}
.m-imgtuup li{margin-left: 38px;width: 230px; height: 170px; padding:5px 0; }
.m-imgtuup li a{padding: 5px 0 0 5px;height: 158px;}
.m-imgtuup li a p{width: 220px; height: 150px;}
.m-imgtuup li a p img {width: 220px; height: 150px;}
.m-imgtuup li a:hover {box-shadow: 0 0 5px rgb(150,150,150)}

.m-txdiv .m-scroll-btn{width:45px;height:auto;float:right;margin: 4px 0px 0 0;}
.m-txdiv .m-scroll-btn li{width: 45px;height: 45px;background: url(../images/goto.jpg) no-repeat -104px -10px ;margin:16px 0 0 0;cursor:pointer; }
.m-txdiv .m-scroll-btn .m-scroll-down{background-position: -11px -105px;}



/* 标题部分 */
.g-intith3 { position: relative; height: 100px; margin-bottom: 10px; margin-top: 20px; }
.g-intith3 strong { width: 350px; height: 100px;background: url(../images/h2.jpg) no-repeat; margin:0 auto;position: absolute;left:50%; margin-left: -175px; font-size: 0; overflow: hidden; text-indent: -999; z-index: 5  }
.g-intith3 p { height: 2px; background: #000; top: 53px;position: relative;z-index: 2 }
.g-intith3 strong.m-clkb { background-position: left -112px; }
.g-intith3 strong.m-zbpc { background-position: left -241px; }
.g-intith3 strong.m-zbbk { background-position: left -353px; }
.g-intith3 strong.m-gxdz { background-position: left -470px; }

.m-titleh4 { height: 50px; line-height: 50px; }
.m-titleh4 strong{ font-size: 18px; }
.m-titleh4 a.f-fr { display: block; width: 16px; height: 16px; background:url(../images/jt.jpg) no-repeat; margin:18px 0 0 0 ; }
.m-titleh4 a.f-fr:hover { background-position: left -16px }
/* 下面部分 */
.m-inleft { width: 220px; }
.m-incenter { width: 530px; margin-left: 40px}
.m-inleft2 { width:800px; margin-bottom: -5px;  }
.m-inright { width: 370px; }
.f-bot20 { margin-bottom: 20px }
.m-rtit { height: 692px; background: url(../images/in2.jpg); }
.m-imt2 { height:505px; background: url(../images/in4.jpg); }

.m-rtitimgp { text-align: center; padding: 30px 0 10px }

.m-rimgul {margin:0 30px;}
.m-rimgul li { display: block;overflow: hidden; }
.m-rimgul li p{ height: 37px; line-height: 34px; overflow: hidden; font-size: 16px; }
.m-rimgul li p i { font-size: 18px; font-family: Impact; font-weight: bold; margin-right: 10px  }
.m-rimgul li img { display: none; margin-bottom: 10px; margin-left: 5px; }
.m-rimgul li.f-ix img{ display: block; }
.m-rimgul li.f-t3 i{ color: #ed2c3d }

.m-zbbaikediv { height: 505px; background-color: #c0c0c0 }

.m-incdu { background: #fafafa; height: 36px; position: relative; }
.m-incdu .m-clultit li{ width: 100px; line-height: 36px; font-size: 16px; text-align: center; position: relative; }
.m-incdu .m-clultit li.f-hover {  background-color:#000; color: #fff; font-weight: bold; }
.m-incdu .m-clultit li.f-hover span{background-image:url(../images/dian.jpg); position: absolute; width: 10px; height: 5px;left: 50%;    bottom: -5px; margin-left: -5px}
.m-incdu .m-clult2 { display: block; margin:5px 10px 0 0 ; position: absolute; width: 50px; height: 6px; right: 0px;bottom: 5px }
.m-incdu .m-clult2 li{ width: 20px; height: 6px; background-color: #ccc; margin-right: 5px }
.m-incdu .m-clult2 li.f-hover {background: #000}

.m-inmore { display: block; height: 48px; line-height: 48px; text-align: center; font-size: 16px; border:1px #000 solid; margin-bottom: 20px;}
.m-inmore:hover { background-color: #000; color: #fff }

.m-hotul {}
.m-hotul li.m-oneimg:hover{box-shadow: 0 0 5px rgb(150,150,150)}
.m-hotul li.m-oneimg .m-tit { font-size: 18px;  padding:0; margin-bottom: 5px;height:52px;overflow:hidden; }
.m-hotul li.m-oneimg .m-tit a:hover {font-weight: bold;}
.m-hotul li.m-oneimg p.m-img { }
.m-hotul li.m-oneimg p.m-img a { width: 110px; height: 76px; float: left; overflow: hidden; margin-right: 24px }
.m-hotul li.m-oneimg { padding: 5px; margin:0 0 15px;vertical-align: bottom; }
.m-hotul li.m-oneimg .m-img,.m-hotul li.m-oneimg div {  float: left; }

.m-hotul li.m-oneimg div {  color: #666;font-size: 14px; overflow: hidden;}

.m-hotul li .m-newtime .f-fl{ color: #aaa }
.m-hotul li .m-newtime .f-fr{ margin-right: 20px; }
.m-hotul li .m-newtime .f-fr i {    display: inline-block;    width: 15px;    height: 15px;        position: relative;    top: 2px;    margin-right: 4px;}
.m-hotul li .m-newtime .m-pl { color: #aaa }
.m-hotul li.m-hotullino {border-bottom: 1px #eee solid; margin: 0 0 15px 0 ;  height: 1px; width: 100%}


.m-hotgul { margin:0 30px; }
.m-hotgul li{ margin: 20px 0 0;border-bottom:1px #bababa dotted;  }
.m-hotgul li i {     font-size: 24px;    font-family: Impact;       margin-right: 15px; }
.m-hotgul li a{ display: block; height: 96px; overflow: hidden; margin-bottom:20px }
.m-hotgul li a p.f-fl{ width: 92px; height: 96px; overflow:hidden; margin-right: 16px }
.m-hotgul li a p.f-fl img{ display: block;width: 92px; height: 96px; }
.m-hotgul li a strong{ display: block; font-weight: normal; font-size: 18px; overflow:hidden; line-height: 24px; margin-bottom: 5px }
.m-hotgul li a span { font-size: 13px ; color: #aaa; height: 30px; overflow: hidden; }
.m-htoul { padding-top: 12px; }
.m-htoul li { height: 38px; line-height: 38px; }
.m-htoul li i { font-size: 24px; }
.m-htoul li a p{ font-size: 18px }

.m-ibookul { margin-left: -14px; }
.m-ibookul li{ width: 251px; height: 238px; border:1px #eee solid; margin-left: 14px; }
.m-ibookul li a img { margin:6px; width: 240px; height: 162px; }
.m-ibookul li a p { margin:5px 10px 0; line-height: 22px; height:45px; overflow:hidden; }

.m-lisul { padding-top: 8px; }
.m-lisul li{ height: 34px; line-height: 34px; overflow: hidden; width: 250px; margin:0 0px 0 12px;}
.m-lisul li span { float: left; width: 5px; height: 5px; background-color: #000; margin:14px 5px 0 0 ; }
.m-lisul li a:hover span{ background-color: #f00 }




.m-shendugul { margin:0 30px; }
.m-shendugul li{ margin: 20px 0 0;border-bottom:1px #bababa dotted;  }
.m-shendugul li i {     font-size: 24px;    font-family: Impact;       margin-right: 15px; }
.m-shendugul li a{ display: block; height: 75px; overflow: hidden; margin-bottom:20px }
.m-shendugul li a p.f-fl{ width: 92px; height: 75px; overflow:hidden; margin-right: 16px }
.m-shendugul li a p.f-fl img{ display: block;width: 110px; height: 75px; }
.m-shendugul li a strong{ display: block; font-weight: normal; font-size: 16px; overflow:hidden; line-height: 24px; margin-bottom: 5px }
.m-shendugul li a span { font-size: 12px ; color: #aaa; height: 30px; overflow: hidden; }

.m-shizhan { height: 720px; background-color: #fafafa }

.m-htoul2 { padding-top: 14px; }
.m-htoul2 li { height: 36px; line-height: 36px; }
.m-htoul2 li i { font-size: 24px; }
.m-htoul2 li a p{ font-size: 16px }

.m-htoul3 { }
.m-htoul3 li { line-height: 26px; height: 64px; border-bottom: 1px #b0b0b0 dotted; padding-top: 10px; margin:0 30px; }
.m-htoul3 li i { font-size: 24px;   font-family: Impact;    font-weight: bold;    margin-right: 20px; color: #f00 }
.m-htoul3 li a p{ font-size: 16px }

.m-hyh { position: relative; height: 5px; display: block;padding-top: 30px ; margin:0 30px;}
.m-hyh span { height: 1px; display: block; background-color: #000; }
.m-hyh a{ display: block; width: 198px; height: 33px; line-height: 33px; text-align: center; border: 1px #000 solid ; color: #ed2d3c; position: absolute; background-color: #fff; top: 15px;left:50%; margin-left: -99px}
.m-hyh a:hover { background-color: #000; color: #fff }

.m-inleft3 { width: 375px }
.m-inright3 { width: 790px;  }

.m-baikehot {height: 256px;position: relative;background-image: url(../images/bg2.jpg); }
.m-baikehot p { width: 14px; height: 88px; background-color: #000; color: #fff; padding: 16px 18px ; font-size: 16px; font-weight: bold; margin:70px 0 0 0 ; }

.m-bkul {  display: block; width: 700px; padding: 30px 0 0; height: 200px; overflow: hidden;  }
.m-bkul li { width: 320px; margin-left: 30px}

.g-altuwen {}

.g-altuwen dt,.g-altuwen dd{ width: 270px; margin-top:5px; margin-bottom:20px; }
.g-altuwen dd { margin-left: 40px; }

.m-dzleft { width: 370px; }
.m-dzright { width: 790px; }

.m-dzldiv { height: 623px; background-image: url(../images/in6.jpg); }

.m-dzright dt,.m-dzright dd{ width:376px; height: 317px;  }
.m-dzright dd { margin-left: 38px; }


/* 装备幻灯 */
.m-hdbox{ position:relative; width:800px; height:505px; margin:0 0 19px; overflow:hidden;box-shadow: 0 0 5px rgb(150,150,150) }

.flashbox { width: 800px; height: 505px;}
.flashbox ul { width: 2850px; height: 400px; position: absolute; left: 0; top: 0; }
.flashbox li { width: 800px; height: 400px; float: left; display: block; }
.flashbox a { display: block; width: 800px; height: 400px; position: relative; }
.flashbox a img{width: 800px; height: 400px;}
.flashbox em { display: block; width: 780px; height: 380px; position: absolute; left: 10px; top: 10px;border:1px #fff solid;  }
.flashbox strong { display: block; width: 730px; height: 30px; line-height: 30px; padding: 0 20px; position: absolute; left: 20px; bottom: -42px;  color: #ed2e3d; font-size: 24px; font-weight: bold; overflow:hidden;}
.flashbox p { display: block; width: 730px; height: 32px; position: absolute; left: 20px; bottom: -78px; color: #aaa; line-height: 32px;  overflow: hidden; padding: 0 20px; font-size: 14px; font-family: 'SimSun'; }
.flashpoint { width: 165px; height: 8px; position: absolute; left: 326px; bottom: 10px }
.flashpoint i { float: left; width: 25px; height: 8px; background: #ccc; margin-right:30px; cursor: pointer; overflow: hidden; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.flashpoint i.on { background: #000; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }



